// 获取 User-Agent 字符串
const userAgent = window.navigator.userAgent;

// 获取屏幕宽度
const screenWidth =
  window.innerWidth ||
  document.documentElement.clientWidth ||
  document.body.clientWidth;

// 判断是否是手机
const isMobile = /Mobile/i.test(userAgent) || screenWidth < 768;

// 判断是否是平板电脑
const isTablet =
  /Tablet/i.test(userAgent) || (screenWidth >= 768 && screenWidth < 1024);

// 拿到html元素
const htmlDom = document.documentElement;
// 改变的函数
function serRemFontSize() {
  // 拿到屏幕的宽度
  const htmlWidth = htmlDom.clientWidth;
  // 计算fontsize的大小
  let size = 37.5;
  if (htmlWidth < 768) {
    size = 37.5;
  } else if (screenWidth >= 768 && screenWidth < 1024) {
    size = 90;
  } else {
    size = 100;
  }
  const htmlFontSize = htmlWidth / size;
  // fontsize赋值到html上
  htmlDom.style.fontSize = htmlFontSize + "px";
  console.log(htmlWidth);
}
// 第一次进来时主动调用一下
serRemFontSize();
// 实时监听屏幕尺寸改变的函数
window.addEventListener("resize", serRemFontSize);
// 监听页面跳转(前进或者后退),重新设置一下
window.addEventListener("pageshow", function (e) {
  if (e.persisted) {
    serRemFontSize();
  }
});
